<template>
	<div class="protocol" :style="{height:heights+'rem'}">	
		<x-header title="商家自营销协议" :left-options="{backText: ''}">
		</x-header>
		<div class="content">
			<h3>商家自营销协议</h3>
			<p>
				<span>1、</span>
				<span>店铺优惠活动可以与美团外卖平台的其他活动同时进行，如满减等；店铺优惠可以和美团外卖红包同时使用；</span>
			</p>
			<p>
				<span>2、</span>
				<span>店铺优惠活动的促销成本由商家自己承担，我公司(美团)只是提供美团外卖平台的服务方；商家不得要求我公司(美团)开具有关"店铺优惠"的发票；</span>
			</p>
			<p>
				<span>3、</span>
				<span>店铺优惠的实际归属为各个开展活动的商家，我公司(美团)只负责代发，归属权不属于我公司(美团)；</span>
			</p>
			<p>
				<span>4、</span>
				<span>针对确认收货的订单，我公司(美团)向商家支付的结算金额中不包括商家店铺自己发放的优惠金额，即：合同中的结算价为净值(原订单金额 - 商家店铺优惠金额)</span>
			</p>
		</div>
	</div>
</template>

<script>
	import { setCookie, getCookie, removeCookie, clearCookie } from '@/assets/js/cookie'
	import { XHeader, Tab, TabItem } from 'vux';
	export default {
		name: 'protocol',
		data() {
			return {
				heights: 0,
			}
		},
		components: {
			XHeader,
			Tab,
			TabItem
		},
		computed: {

		},
		created() {
			this.heights = window.screen.availHeight * 2 / 100 - .92;			
		},
		methods: {

		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
	.protocol {
		background: #f0eff5;				
		.content {
			text-align: left;
			h3 {
				font-size: .34rem;
				color: #2c2b30;
				padding: .68rem 0 .36rem .28rem;
				border-bottom: 1px solid #ebeaf0;
			}
			p {
				font-size: .34rem;
				color: #3a393f;
				padding: 0 .28rem;
				display: flex;
				margin-top: .68rem;
			}
		}
	}
</style>